<template>
    <child01 :ref="view.homeView" title="首页" content="首页描述内容" />
    <child01 :ref="view.orderView" title="订单" />
    <child01 :ref="view.shoppingCartView" title="购物车" content="购物车描述内容" />
    <child01 :ref="view.userSettingView" title="用户设置" content="用户中心" />

    <child01 ref="commentView" title="用户设置" content="用户中心" />
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue'
import Child01 from './Child01.vue'
const view = {
    homeView: ref(),
    orderView: ref(),
    shoppingCartView: ref(),
    userSettingView: ref(),
}
const commentView = ref()
onMounted(() => {
    console.log(view)
    console.log(commentView)
}) 
</script>

<style>
</style>